<div class="data-container">

  <div class="top">
    <div class="title">
      <div class="border"></div>
      技术推荐
    </div>

    <div class="content">
      <div class="data-items">
        <nz-card nzTitle="{{cardData01.title}}" [nzSize]="'small'">
          <div class="card">
            <nz-radio-group [(ngModel)]="cardValue01">
              <p *ngFor="let item of cardData01.list">
                <label nz-radio nzValue="{{item.value}}">
                  {{item.name}}
                </label>
              </p>
            </nz-radio-group>
          </div>

        </nz-card>
      </div>

      <div class="data-items">
        <nz-card nzTitle="{{cardData02.title}}" [nzSize]="'small'">
          <div class="card">
            <nz-radio-group [(ngModel)]="cardValue02">
              <p *ngFor="let item of cardData02.list">
                <label nz-radio nzValue="{{item.value}}">
                  {{item.name}}
                </label>
              </p>
            </nz-radio-group>
          </div>

        </nz-card>
      </div>

      <div class="data-items">
        <nz-card nzTitle="{{cardData03.title}}" [nzSize]="'small'">
          <div class="card">
            <!-- <nz-radio-group [(ngModel)]="cardValue03">
              <p *ngFor="let item of cardData03.list">
                <label nz-radio nzValue="{{item.value}}">
                  {{item.name}}
                </label>
              </p>
            </nz-radio-group> -->
            <p *ngFor="let item of cardData03.list">
              <label nz-checkbox [(ngModel)]="item.checked" (ngModelChange)="onCheckboxChange(item)">
                {{item.value}}
              </label>
            </p>

          </div>
        </nz-card>
      </div>
    </div>
    <div class="add-btn">
      <button style="width:140px" nz-button nzType="primary" (click)="addTecCombination()">添加技术组合</button>
    </div>
  </div>
  <div class="bottom">

    <div class="title">
      <div class="border"></div>
      已添加技术组合
    </div>

    <div class="select-combs">
      <nz-list nzBordered nzHeader="组合列表" [nzSize]="'small'">
        <div class="select-content">
          <nz-list-item *ngFor="let item of addedCombinations;let i = index">
            <span nz-typography><mark>[组合]{{i+1}}</mark></span>
            <div class="select-rows-item">
              <span *ngFor="let value of item;let j = index">
                {{value}}
                <!-- <span *ngIf="j!=item.length-1">+</span> -->
              </span>
            </div>

            <i nz-icon class="close" nzType="close" nzTheme="outline" (click)="remove(i)"></i>
          </nz-list-item>
        </div>

      </nz-list>
    </div>

    <div class="assessment-btn">
      <!-- [disabled]="addedCombinations.length!=4" -->
      <button style="width:140px" nz-button nzType="primary" (click)="exeAssessment()">绿色可持续评估</button>
    </div>
  </div>
</div>
